.flex-container {
    /* 当前元素被定义为弹性容器 */
    display: flex;
    border: 1px solid blue;
    height: 100px;
}

/* class选择器 选择所有的弹性项目 */
.flex-item {
    /* 设置弹性项目在主轴方向的伸缩基准值 */
    flex-basis: 25%;
}
/* 用class选择器 和结构伪类选择器选择偶数个 */
/* 偶数 */
.flex-item:nth-child(2n) {
    background: #ff0;
}

/* 奇数 */
.flex-item:nth-child(2n+1) {
    background: #dfdfdf;
}